
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>仪器共享</title>

<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

<meta name="description"
	content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
<link rel="stylesheet" href="new_css/userCenter.css">
<link rel="stylesheet" href="css/new_style.css">
<script src="new_js/jquery-1.11.3.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.pagination.min.js"></script>
<script src="method/xue/new_file3_1.js"></script>
<script src="method/xue/new_file4_11.js"></script>
<script src="method/wf/new_file3.js"></script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<style>
.btn-one {
	width: 179px;
	height: 50px;
	background: rgba(255, 138, 0, 1);
	border-radius: 5px;
	display: inline-block;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	margin-left: 20px;
}

.info-person ul li {
	margin-top: 30px;
}

.info-person ul li label {
	width: 98px;
	display: inline-block;
	text-align: left;
	padding-right: 10px;
	padding-left: 30px;
}

.info-person ul li input {
	width: 40%;
	padding-left: 10px;
}

.info-person ul li select {
	width: 41%;
	height: 48px;
	padding-left: 10px;
}

.myPage {
	margin: 0 auto;
	width: 990px;
	height: 80px;
	font-size: 12px;
	margin-top: 40px;
	margin-left: 431px;
}

.sun_title {
	text-align: center !important;
	width: 100%;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	padding: 0px !important;
	border-left: 2px solid #fff;
	margin-top: 0px !important;
	cursor: pointer;
}

.sun_title:hover {
	background-color: #F4F4F4;
	border-left: 2px solid #FF8A00;
}

.activity {
	text-align: center !important;
	width: 100%;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	padding: 0px !important;
	background-color: #F4F4F4;
	border-left: 2px solid #FF8A00;
}

/*li.list_header1 {*/
/*padding-left: 10px;*/
/*}*/
/*li.list_header1 img {*/
/*padding-left: 15px;*/
/*}*/
.mainList .content .left .secendList1 {
	background: #f4f4f4;
	color: #fe9a3c;
}

.mainList .content .left .list_header1 img {
	position: absolute;
	top: 16px;
	right: 39px;
}

aside {
	width: 1198px;
	margin: 0 auto;
}

aside .main-center {
	width: 1198px;
	margin: 20px auto;
	height: 100%;
	border: 1px solid #D3D3D3;
}

aside .title-main {
	width: 1200px;
	font-size: 16px;
	margin-top: 20px;
}

aside .title-main span {
	color: #FF8A00;
}

.btn-info-person {
	width: 950px;
	margin: 30px auto;
	margin-left: 122px;
}
</style>



</head>

<body style="background:#fff;">
	<!--header-->
	<%@include file="/header3.jsp"%>
	<aside>
		<div class="title-main">
			<p>
				您的位置：首页 > <span>用户中心</span>
			</p>
		</div>
	</aside>

	<div class="mainList">
		<!--<div class="bNav">您的位置：首页><span>用户中心</span></div>-->
		<div class="content">
			<div class="left">
				<div class="title">用户中心</div>
				<!--<div class="list_header">全部订单<img src="images/usercenter_icon.png" /></div>-->

				<!--<div class="sun_title ">已回复</div>-->
				<!--<div class="sun_title activity">未回复</div>-->


				<ul>
					<li class="list_header">仪器订单<img src="images/insUser_icon.png" /></li>
				</ul>
				<ul class="secendList" id="secendList">
					<li class="insOrderLi" val="3">待确认</li>
					<li class="insOrderLi" val="1">待支付</li>
					<li class="insOrderLi" val="4">待实验</li>
					<li class="insOrderLi" val="5">已完成</li>
					<li class="insOrderLi" val="6">未评价</li>
				</ul>

				<ul>
					<li class="list_header1">服务订单<img
						src="images/insUser_icon.png" /></li>
				</ul>
				<ul class="secendList1" id="secendList1">
					<li class="insOrderLi" val="3">待确认</li>
					<li class="insOrderLi" val="1">待支付</li>
					<li class="insOrderLi" val="4">待实验</li>
					<li class="insOrderLi" val="5">已完成</li>
					<li class="insOrderLi" val="6">未评价</li>
				</ul>
				<%--<ul>--%>
				<%--<li class="list_header2  dsgdd ">个人中心<img class="cdsvsav" src="images/insUser_icon.png" /></li>--%>
				<%--</ul>--%>

				<ul class="secendList2" id="secendList1">
					<li id="personal">个人资料</li>
					<li id="apply">申请仪器管理</li>
				</ul>


				<!--<script type="text/javascript">-->
				<!--window.onload = function(){-->
				<!--var secendList = document.getElementById("secendList");-->
				<!--secendList.onclick = function(event){-->
				<!--event.preventDefault();-->
				<!--console.log(event.target.innerText);-->
				<!--console.log(event.target.nodeName);-->
				<!--}-->
				<!--}-->
				<!--</script>-->






			</div>
			<div class="right" id="right333">
				<div class="title">
					<span id="span1">待确认</span>
				</div>
				<div class="tab_header" id="topThings">
					<div class="item1">设备名称</div>
					<div class="item2"></div>
					<div class="item3">型号</div>
					<div class="item4">价格/天</div>
					<div class="item5">交易状态</div>
					<div class="item6">交易操作</div>
				</div>
				<div class="infoList">
					<ul id="orderList">
						<!-- <li >
						<div class="row1" onclick="deleteElement(this)">
							<div>
								<span>2018-03-13 18:36:04 </span>
								<span>订单编号: 3232430800330166</span>
							</div>
							<div><img src="images/usercenter_icon2.png" /></div>
						</div>
						<div class="row2">
							<div class="tab1"><img src="images/usercenter_pic.png" /></div>
							<div class="tab2">高内涵筛选系统</div>
							<div class="tab3">operetta</div>
							<div class="tab4">张三</div>
							<div class="tab5">
								<p>已确认</p>
								<p>
									<a href="#this">查看详情</a>
								</p>
							</div>
							<div class="tab6">
								<div class="btn" name="insBtn">
									<a href="bookingOrderDetail24.html">确认</a>
								</div>
								<div class="time">还剩<span id="LeftTime"></span></div>
							</div>
						</div>
					</li>
					<li>
						<div class="row1" onclick="deleteElement(this)">
							<div>
								<span>2018-03-13 18:36:04 </span>
								<span>订单编号: 3232430800330166</span>
							</div>
							<div><img src="images/usercenter_icon2.png"  /></div>
						</div>
						<div class="row2">
							<div class="tab1"><img src="images/usercenter_pic.png" /></div>
							<div class="tab2">高内涵筛选系统</div>
							<div class="tab3">operetta</div>
							<div class="tab4">张三</div>
							<div class="tab5">
								<p>待确认</p>
								<p>
									<a href="#this">查看详情</a>
								</p>
							</div>
							<div class="tab6">
								<div class="btn">
									<a href="bookingOrderDetail24.html">待支付</a>
								</div>
								<div class="time">还剩</div>
							</div>
						</div>
					</li>
					<li>
						<div class="row1">
							<div>
								<span>2018-03-13 18:36:04 </span>
								<span>订单编号: 3232430800330166</span>
							</div>
							<div><img src="images/usercenter_icon2.png" /></div>
						</div>
						<div class="row2">
							<div class="tab1"><img src="images/usercenter_pic.png" /></div>
							<div class="tab2">高内涵筛选系统</div>
							<div class="tab3">260元/起</div>
							<div class="tab4">2018-03-13 18:36:04</div>
							<div class="tab5">
								<p>已支付</p>
								<p>
									<a href="#this">查看详情</a>
								</p>
							</div>
							<div class="tab6">
								<div class="btn">
									<a href="bookingOrderDetail24.html">待支付</a>
								</div>
								<div class="time">还剩11:23:02</div>
							</div>
						</div>
					</li>
					<li>
						<div class="row1">
							<div>
								<span>2018-03-13 18:36:04 </span>
								<span>订单编号: 3232430800330166</span>
							</div>
							<div><img src="images/usercenter_icon2.png" /></div>
						</div>
						<div class="row2">
							<div class="tab1"><img src="images/usercenter_pic.png" /></div>
							<div class="tab2">高内涵筛选系统</div>
							<div class="tab3">operetta</div>
							<div class="tab4">张三</div>
							<div class="tab5">
								<p>待确认</p>
								<p>
									<a href="#this">查看详情</a>
								</p>
							</div>
							<div class="tab6">
								<div class="btn">
									<a href="bookingOrderDetail24.html">待支付</a>
								</div>
								<div class="time">还剩11:23:02</div>
							</div>
						</div>
					</li>
					<li>
						<div class="row1">
							<div>
								<span>2018-03-13 18:36:04 </span>
								<span>订单编号: 3232430800330166</span>
							</div>
							<div><img src="images/usercenter_icon2.png" /></div>
						</div>
						<div class="row2">
							<div class="tab1"><img src="images/usercenter_pic.png" /></div>
							<div class="tab2">高内涵筛选系统</div>
							<div class="tab3">operetta</div>
							<div class="tab4">张三</div>
							<div class="tab5">
								<p>待确认</p>
								<p>
									<a href="#this">查看详情</a>
									
								</p>
							</div>
							<div class="tab6">
								<div class="btn">
									<a href="#this">待支付</a>
								</div>
								<div class="time">还剩11:23:02</div>
							</div>
						</div>
					</li> -->
					</ul>
				</div>
				<!--page-->

			</div>
			<!--page-->
			<!-- <div class="myPage clearfix">
			currentpage="1" numbercount="100"
			<ul class="page" maxshowpageitem="5" pagelistcount="10" id="page"></ul>
			</div> -->
			<div class="myPage clearfix">
				<!--currentpage="1" numbercount="100"-->
				<!-- <ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul> -->
				<div id="pagination3" class="page fl"></div>
				<input type="text" id="allinfonumber" style="display:none" />
			</div>
			<div id="sadadasdas"></div>
		</div>

	</div>


	<!--footer-->
	<%@include file="/footer.jsp"%>

	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jquery.pagination.min.js"></script>


	<script>
	/* 时间倒计时 */
	var Tuitime = function(){
        var list = [];
        var interval;
		return function(id,time){
			interval = setInterval(myfun,1);
			list.push({ele:document.getElementById(id),time:time,myid:id,stu:1});
		}
		function myfun() {
			for (var i = 0; i < list.length; i++) { 
				list[i].ele.innerHTML = Timetogo(list[i]);
				if (!list[i].time)list.splice(i--, 1); 
			}
		}
		function Timetogo(o){
			var t = new Date(o.time*1000).getTime()+43200000 - new Date().getTime();
			if(t > 0 && o.stu == 1){
				var s = parseInt(t/1000%60)<10 ? "0"+ parseInt(t/1000%60) : parseInt(t/1000%60);
				var m = parseInt(t/1000/60%60)<10 ? "0"+ parseInt(t/1000/60%60) : parseInt(t/1000/60%60);
				var h = parseInt(t/1000/60/60%24)<10 ? "0"+ parseInt(t/1000/60/60%24) : parseInt(t/1000/60/60%24);
				return "剩余" + h + ":" + m + ":" +s;
			}else if(t < 0 && o.stu == 2){
				return "订单已过时！";
			}else{
				o.stu = 2;
				//$.post("http://localhost/orderRelevant/ordertimeout",{id:o.myid})
				$.post(Server + "/orderRelevant/ordertimeout",{id:o.myid})
				yemian3(1);
				findOrderByConditions(5,0,1);
				return "订单已过时！";
			}
		}
	}();
	
	
    function deleteElement(Obj){
        Obj.parentNode.parentNode.removeChild(Obj.parentNode);
    }	
    	var limit=5;
    	var now="";
   		 function yemian3(orderStatus){
   		 			//alert($("#useridoflogin").val());
   		 			//alert("yemian:"+orderStatus);
					$.ajax({
 						url :Server + "/orderRelevant/orderPageList",
						//url :"http://localhost/orderRelevant/orderPageList",
						data : {
							"limit":5,
							"offset":0,
							"status":orderStatus,
							"uid":$("#useridoflogin").val()
 							//"uid": "4d272484d5844be693c05443c4edd71e"
						},
						type : "POST",
						dataType: "JSON",
						success : function(data) {
							/* var pageNum=0;
							if(data.total<=limit){
								pageNum=Math.ceil(Number(data.total/10));
							}else{
								pageNum=Math.ceil(Number(data.total/10))+1;
							} */
							if(data.total==0){
								$("#pagination3").hide();
							}
							$("#pagination3").pagination({
								currentPage: 1,
								totalPage:Math.ceil(Number(data.total/5)),
								isShow: true,
								count: 7,
								homePageText: "首页",
								endPageText: "尾页",
								prevPageText: "<上一页",
								nextPageText: "下一页>",
								callback: function(current) {
									findOrderByConditions(limit,$("#pagination3").pagination("getPage").current-1,orderStatus);
								}
							});
						}
					});
				}
	function findOrderByConditions(limit,offset,orderStatus){
				//alert(limit+","+offset+","+orderStatus)
				$.ajax({
 					url :Server + "/orderRelevant/orderPageList",
					//url :"http://localhost/orderRelevant/orderPageList",
					data : {
						"limit":limit,
						"offset":offset,
						"status":orderStatus,
						"uid":$("#useridoflogin").val()
 						//"uid": "4d272484d5844be693c05443c4edd71e"
					},
					type : "POST",
					dataType: "JSON",
					success : function(data) {
						var top =
						'<div class="item1">设备名称</div>'
						+'<div class="item2"></div>'
						+'<div class="item3">型号</div>'
						+'<div class="item4">价格/天</div>'
						+'<div class="item5">交易状态</div>'
						+'<div class="item6">交易操作</div>'
						var html = "";
			          	var li='<li>'+
						'<div class="row1">'+
							'<div>'+
								'<span>#1</span>'+
								'<span>订单编号: #2</span>'+
							'</div>'+
							'<div><img class="delete" val="#10" src="images/usercenter_icon2.png"/></div>'+
						'</div>'+
						'<div class="row2">'+
							'<div class="tab1"><img src="#9" /></div>'+
							'<div class="tab2"><a href="#12">#3</a></div>'+
							'<div class="tab3">#4</div>'+
							'<div class="tab4">#5</div>'+
							'<div class="tab5">'+
								'<p>#6</p>'+
								'<p>'+
									'<a href="#11">查看详情</a>'+
								'</p>'+
							'</div>'+
							'<div class="tab6">'+
								'<div class="btn" name="insBtn">'+
									'<a >#7</a>'+
								'</div>'+
								'<div class="time"><span id="#8"></span></div>'+
							'</div>'+
						'</div>'+
					'</li>';
						for (var i = 0; i < data.rows.length; i++) {
							var item = "";
							var status ="";
							var operation ="";
							if(data.rows[i].status == 0)
								status = "预约中";
							if(data.rows[i].status == 1){
								status = "预约成功";
								operation="支付";}
							/* if(data.rows[i].status == 2){
								status = "已支付";
								operation="实验";} */
							if(data.rows[i].status == 2){
								status = "待实验";
								operation="完成";}
							if(data.rows[i].status == 3||(data.rows[i].status == 4&&(data.rows[i].rate==2||data.rows[i].rate==0))){
								status = "已实验";
								operation="评价";}
							if(data.rows[i].status == 4&&(data.rows[i].rate==1||data.rows[i].rate==3)){
								status = "我已评价";}
							if(data.rows[i].status == 5)
								status = "交易关闭";
							/* if(data.rows[i].status == 3)
								status = "待确定";
							if(data.rows[i].status == 4){
								status = "待实验";
								operation="完成";} */
							/* if(data.rows[i].status == 5){
								status = "已实验";
								operation="评价";} */
							/* if(data.rows[i].status == 5||(data.rows[i].status == 6&&(data.rows[i].rate==2||data.rows[i].rate==0))){
								status = "已实验";
								operation="评价";}
							if(data.rows[i].status == 6&&(data.rows[i].rate==1||data.rows[i].rate==3))
								status = "已评价";	
							if(data.rows[i].status == 7)
								status = "交易关闭"; */
							var unit = (data.rows[i].insInfo.unit == null)?"元/天":data.rows[i].insInfo.unit;
							var total = (data.rows[i].insInfo.total == null)?0:data.rows[i].insInfo.total;
							item += li
								.replace("#1", new Date(data.rows[i].createTime).Format("yyyy-MM-dd hh:mm:ss"))
								.replace("#2", data.rows[i].number)
								.replace("#3", data.rows[i].inName)
								.replace("#4", data.rows[i].insInfo.serial)
								//.replace("#5", data.rows[i].payment)
								.replace("#5", total+unit)
								.replace("#6", status)
								.replace("#7", operation)
								.replace("#8",data.rows[i].id)
								.replace("#9", data.rows[i].insInfo.infoSrc)
								.replace("#10", data.rows[i].id)
								.replace("#11", "new_file4_1_up?oid="+data.rows[i].id+"&display=false")
								.replace("#12", "lizisepuyimy16-8?infoid="+data.rows[i].inId)
							html += item;
						}
						$("#topThings").html(top);
						$("#orderList").html(html);
						for (var i = 0; i < data.rows.length; i++) {
							if(data.rows[i].status == 1){
								Tuitime(""+ data.rows[i].id ,new Date(data.rows[i].createTime).getTime()/1000);
							}
						}
						$("div[name='insBtn']").each(function(){
							var btnContent=$(this).children().eq(0).text();
							if(btnContent==""){
								$(this).parent().empty();
							}else if(btnContent=="实验"||btnContent=="完成"||btnContent=="评价"){
								$(this).next().remove();
							} 
							if(btnContent=="实验"){
								$(this).click(function() {
									/* var r=confirm("是否开始实验？");
									if(r==true){
										var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
										changeStatus(id,4);
									} */
									var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
									window.location.href="new_file4_1_up?oid="+id+"&display=true";
								});
							} 
							if(btnContent=="完成"){
								$(this).click(function() {
									/* var r=confirm("是否完成？");
									if(r==true){
										var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
										changeStatus(id,5);
									} */
									var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
									window.location.href="new_file4_1_up?oid="+id;
								});
							}
							if(btnContent=="支付"){
								$(this).click(function() {
									var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
									window.location.href="new_file4_1_up?oid="+id;
								});
							}
							if(btnContent=="评价"){
								$(this).click(function() {
									//alert($(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val"));
									var id=$(this).parent().parent().prev().children().eq(1).children().eq(0).attr("val");
									window.location.href="new_file4_1?id="+id;
								});
							}
						});
						$(".tab5").each(function(){
							var statusStr=$(this).children().eq(0).text();
							if(statusStr!="预约中"&&statusStr!="已评价"&&statusStr!="交易关闭"){
								$(this).parent().prev().children().eq(1).hide();
							}
						});
						
						function changeStatus(id,status){
							$.ajax({
 								url :Server + "/orderRelevant/changeStatus",
								//url :"http://localhost/orderRelevant/changeStatus",
								data : {
									"id":id,
									"status":status
								},
								type : "POST",
								//dataType: "JSON",
								success : function(data) {
									yemian3(orderStatus);
									findOrderByConditions(limit,offset,orderStatus);
								},
							});	
						}
						
						$(".delete").each(function(){
							$(this).click(function() {
								var r=confirm("确定要删除吗？");
								if(r==true){
									$.ajax({
										url :Server + "/orderRelevant/deleteOrder",
 										//url :"http://localhost/orderRelevant/deleteOrder",
										data : {
											"id":$(this).attr("val")
										},
										type : "POST",
										//dataType: "JSON",
										success : function(data) {
											alert(data);
											//yemian3(orderStatus);
											findOrderByConditions(limit,offset,orderStatus);
										},
									});	
								}
							});
						});
					},
				});
			}
		Date.prototype.Format = function(fmt){
				var o = {
					"M+": this.getMonth() + 1, //月份 
	       			"d+": this.getDate(), //日 
	        		"h+": this.getHours(), //小时 
	        		"m+": this.getMinutes(), //分 
	        		"s+": this.getSeconds(), //秒 
	        		"q+": Math.floor((this.getMonth() + 3) / 3), //季度 
	        		"S": this.getMilliseconds() //毫秒 
				};
				if(/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				for(var k in o)
				if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    		return fmt;
			}
		$(document).ready(function() {	
// 			alert("3");
			limit = 5;
			offset = 0;
			var orderStatus="3";
			yemian3(orderStatus);
			findOrderByConditions(limit,offset,orderStatus);
// 			$(".list_header>.secendList>.insOrderLi").each(function(){
// 				$(this).click(function() {
// 					//alert($(this).attr("val"));
// 					orderStatus=$(this).attr("val");
// 					yemian3($(this).attr("val"));
// 					findOrderByConditions(limit,offset,$(this).attr("val"));
// 				});
// 			});
		});			
</script>

	<script>
    //倒计时效果js代码
    function checktime(i){
        if(i<10){
            i="0"+i;

        }
        else{i=i;}
        return i;
    }
    var sh;
    //sh=setInterval('freshTime()',1000)
</script>


	<script>
	$(function() {
	$('#front_header .header_wrap .right').hover(function() {
	$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
	$('#front_header .header_wrap .right .out').show();
	}, function() {
	$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
	$('#front_header .header_wrap .right .out').hide();
	});
	$('#sorts').on('mouseover', 'li', function() {
	$(this).find('span img').attr('src', 'images/icon4.png');
	});
	$('#sorts').on('mouseout', 'li', function() {
	$(this).find('span img').attr('src', 'images/icon5.png');
	});
	$('.mainList .content .left li').click(function() {
	$('.mainList .content .left li').removeClass('selected');
	$(this).addClass('selected');
	});
	$('.mainList .content .left .list_header').click(function() {
	if($('.mainList .content .left .secendList').is(':hidden')) {
	$('.mainList .content .left .secendList').slideDown();
	$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
	} else {
	$('.mainList .content .left .secendList').slideUp();
	$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
	};

	});
	$('.mainList .content .left .list_header1').click(function() {
	if($('.mainList .content .left .secendList1').is(':hidden')) {
	$('.mainList .content .left .secendList1').slideDown();
	$('.mainList .content .left .list_header1 img').attr("src", "images/insUser_icon.png");
	} else {
	$('.mainList .content .left .secendList1').slideUp();
	$('.mainList .content .left .list_header1 img').attr("src", "images/icon4.png");
	};

	});

	$('.mainList .content .left .list_header2').click(function() {
	if($('.mainList .content .left .secendList2').is(':hidden')) {
	$('.mainList .content .left .secendList2').slideDown();
	$('.mainList .content .left .list_header2 img').attr("src", "images/insUser_icon.png");
	} else {
	$('.mainList .content .left .secendList2').slideUp();
	$('.mainList .content .left .list_header2 img').attr("src", "images/icon4.png");
	};

	});



	});

	</script>
	<script>
	$(function() {

	$('#front_header .header_wrap .right').hover(function() {
	$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
	$('#front_header .header_wrap .right .out').show();
	}, function() {
	$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
	$('#front_header .header_wrap .right .out').hide();
	});

	//-----
	$("#item2").mouseover(function(){
	$(".item2_ul").css("display","block");
	});


	$("#item2").mouseout(function(){
	$(".item2_ul").css("display","none");
	});

	$('#sorts').on('mouseover', 'li', function() {
	$(this).find('span img').attr('src', 'images/icon4.png');
	});
	$('#sorts').on('mouseout', 'li', function() {
	$(this).find('span img').attr('src', 'images/icon5.png');
	});

	$('.mainList .content .left li').click(function(){
	$(this).addClass('selected').siblings().removeClass('selected');
	});
	});

	</script>
	<script>
		$(document).ready(function(){
			$('.mainList .content .left .secendList').hide();
			$('.mainList .content .left .secendList1').hide();
		})
	</script>

	<style type="text/css">
li.list_header2.dsgdd {
	position: relative;
}

img.cdsvsav {
	position: absolute;
	top: 16px;
	right: 39px;
}

.mainList .content .left .list_header1 {
	font-size: 16px;
	color: #202020;
	height: 40px;
	line-height: 40px;
	position: relative;
	/* background: #fff; */
}

.mainList .content .left .list_header2 {
	font-size: 16px;
	color: #202020;
	height: 40px;
	line-height: 40px;
	position: relative;
	/* background: #fff; */
}

.mainList .content {
	/* width: 100%; */
	/* overflow: hidden; */
	/* height: 1038px; */
	width: 1200px;
	height: 100%;
	min-height: 1060px;
	margin-bottom: 30px;
}

.mainList .content .left {
	width: 192px;
	float: left;
	border: 1px solid #d3d3d3;
	height: 100%;
	min-height: 1048px;
	text-align: center;
}

.myPage {
	margin: 0 auto;
	width: 460px;
	height: 80px;
	font-size: 12px;
	float: right;
}

.mainList .content .right .infoList li .row2 .tab1 img {
	width: 100px;
	height: 100px;
	vertical-align: middle;
}

.pageButton {
	padding: 20px 0 29px 0;
	width: 1200px;
	margin: 0 auto;
	text-align: right;
}

.ui-pagination-container {
	width: 1000px;
	height: 100px;
}

a.ui-pagination-page-item.active12345 {
	width: 35px;
	height: 35px;
	display: inline-block;
	background: #ff8a00;
	text-align: center;
	line-height: 35px;
	color: #fff;
	border-radius: 2px;
}

a.ui-pagination-page-item {
	width: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 2px;
	margin-right: 10px;
	display: inline-block;
	border: 1px solid #ccc;
}

a.ui-pagination-page-btn {
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	border-radius: 2px;
	margin-right: 10px;
	margin-left: 10px;
}

a.ui-pagination-page-item.nextPage, a.ui-pagination-page-item.prevPage,
	a.ui-pagination-page-item.endPage, a.ui-pagination-page-item.homePage {
	line-height: 35px;
	/* color: #fff; */
	border-radius: 2px;
	margin-right: 10px;
	/* padding-right: 20px; */
	display: inline-block;
	border: 1px solid #ccc;
	width: 100px;
}
</style>


	<script>
                var ul = document.getElementById('secendList');
                var lis = ul.getElementsByTagName('li');
                for(var i=0;i<lis.length;i++){
                    lis[i].onclick = function(){
						document.getElementById("span1").innerHTML = this.innerHTML;
						orderStatus=$(this).attr("val");
						yemian3($(this).attr("val"));
						findOrderByConditions(limit,offset,$(this).attr("val"));
						$("#pagination3").show();
                    }
                }
                
                var ul2 = document.getElementById('secendList1');
                var lis2 = ul2.getElementsByTagName('li');
                
                for(var j=0;j<lis2.length;j++){
                    lis2[j].onclick = function(){
                    	document.getElementById("span1").innerHTML=this.innerHTML;
						
						soStatus = $(this).attr("val");
						loadSO(soStatus);	
						$("#pagination3").show();
                    }
                }
                
             	$("#personal").click(function(){
             		$("#pagination3").hide();
                	myInfo();
                })
               	$("#apply").click(function(){
               		$("#pagination3").hide();
                	applyBeInsManager();
                }) 
			</script>
	<style type="text/css" media="screen">
.mainList .content .right .infoList li .row2 .tab3 {
	width: 45%;
	float: left;
	display: flex;
	line-height: 45px;
	justify-content: center;
	align-items: center;
	padding-top: 29px;
	vertical-align: middle;
	height: 45px;
}

.mainList .content .right .infoList li .row2 .tab4 {
	width: 54%;
	float: right;
	display: flex;
	line-height: 45px;
	justify-content: center;
	align-items: center;
	padding-top: 29px;
	vertical-align: middle;
	height: 45px;
}
</style>
</body>

</html>